<template>
	<view class="p-30">
		<view class="grey m-b-40">请选择举报原因：</view>
		<view v-for="(item,index) in typeList" :key="index" class="flex_b borbStyle" @click="goDetaliFn(item)"> 
			<view class="">
				<view class="font-32 font-weight">{{item.name}}</view>
				<view class="font-24 grey	">{{item.remark}}</view>
			</view>
			<view class="iconfont icon-xiangyoujiantou"></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				reportList:[
					{
						title:'涉嫌诈骗',
						content:'在聊天过程中诱导或诈骗行为'
					},
					{
						title:'人身攻击/歧视',
						content:'在聊天过程中诱导或诈骗行为'
					},
					{
						title:'色情低俗',
						content:'在聊天过程中诱导或诈骗行为'
					},
					{
						title:'违法/违规行为',
						content:'在聊天过程中诱导或诈骗行为'
					}
				],
				typeList:[],
				mobile:''
			};
		},
		onLoad(res) {
			this.mobile = res.id
			this.getType()
		},
		methods:{
			getType() {
				this.$api.sendRequest({
					url:'/api/Report/report_type',
					success:res=> {
						this.typeList = res.data
					}
				})
			},
			goDetaliFn(item) {
				this.$util.redirectTo('/otherpages/report/reportDetali',{title:item.name,id:item.id,mobile:this.mobile})
			}
			
		}
	}
</script>

<style lang="scss">
	.borbStyle {
		padding-bottom: 28rpx;
		border-bottom: 1rpx solid #eaeaea;
		margin-bottom: 25rpx;
	}
</style>
